<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header>
        <div class="nav">
            <div class="nav-t">
                <div class="right">
                    <ul id="unLogin" class="unLogin">
                        <li><a href="/html/login.html">登录</a></li>
                        <li><a href="/html/register.html">注册</a></li>
                    </ul>
                    <ul id="isLogin" class="isLogin" style="display: none;">
                        <li>您好<b></b>,欢迎来到积慕</li>
                        <li id="logout">退出</li>
                    </ul>
                    <ul id="mun" class="mun">
                        <a href="/html/buy.html">订单(<span id="shopnum">0</span>)</a>
                        
                    </ul>
                </div> 
            </div> 
    
            <div class="nav-c">
                <div class="nav_l">
                    <img src="/images/logo.png" alt="">
                </div>
                <div class="nav_c">
                    <input type="text" value="" class="input_search" id="input_search">
                    
                    <img src="/images/sousuo.png" alt="">
                    <ul></ul>
                </div>
                <div class="nav_r">
                   <div class="meat">
                        <span>
                          <p><a href="/index.html">首页</a></p> 
                        </span>
                        <span >
                           <p>蛋糕名录 </p> 
                           <ul class="meat-list" >
                               <li>全部蛋糕</li>
                               <li>奶油蛋糕</li>
                               <li>酸酪蛋糕</li>
                               <li>慕斯蛋糕</li>
                               <li>西点</li>
                               
                           </ul>
                        </span>                     
                        <span >
                            <p>企业专区</p> 
                        </span>
                        <span>
                            <p>关于我们</p> 
                        </span>
                   </div>
                </div>
            </div>
        </div> 
       </header>
</body>
</html>